#button {
  width: 100%;
}
#ModalCol1 {
  padding-right: 0%;
}
#ModalCol2 {
  padding-left: 0%;
}

img {
    height: auto;
    width: auto;
    max-width: 700px;
    max-height: 700px;
}
h5 {
  margin-top: 3%;
  margin-bottom: 2px;
}
span {
  margin-bottom: 15px;
}

@media only screen and (max-width: 1000px) {
  HTML {
  zoom:90%;
  }
}

@media only screen and (max-width: 768px) {
  #titel-text {
    width: 180%;
    padding-left: 35%;
  }
  td {
    font-size: small;
  }
  HTML {
    zoom:70%;
  }
}

@media only screen and (max-width: 500px) {
  #titel-text {
    padding-left: 30%;
  }
  HTML {
    zoom:60%;
  }
}


th {
  cursor: pointer;
}


table {
  border-collapse: separate;
}

body {
  background: rgb(13,54,136);
  background: linear-gradient(90deg, rgba(13,54,136,1) 16%, rgba(66,110,196,1) 35%, rgba(13,54,136,1) 100%);
};
/*
https://cssgradient.io/
*/

.filter{
  position: absolute;
  z-index: 1;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e94ca1",endColorstr="#c74ae9",GradientType=1);
 }

 table{
  position: absolute;
  z-index: 2;
  left: 0%;
  box-shadow: 0 2px 15px rgba(64,64,64,.7);
  overflow: hidden;
 
 }

 td , th{
  padding: 15px 20px;
  text-align: center;
}

 th{
  color: #ac9e9e50;
  font-family: 'Open Sans',Sans-serif;
  font-weight: 200;
  text-transform: uppercase;
 }


 tr{
  background-color: #fafafa;
  font-family: 'Montserrat', sans-serif;
 }

 tr:nth-child(even){
  background-color: #eeeeee;
 }